<template>
	<view class="container">

		<view class="bg-view">
			<view class="bg_box">
				<!-- 顶部状态栏 -->
				<view class="top-nav"
					:style="'height:' + (titleBarHeight+titleBarHeight) + 'px;position:fixed;top:0;width:100vw;'">
					<view class="status_nav"
						:style="'height:' + statusBarHeight + 'px;position:fixed;top:0;width:100vw;'"></view>
					<view class="left-button-box" :style="'height:'+ titleBarHeight +'px;top:'+ statusBarHeight +'px;'"
						@click="tapToBack('back')">
						<image src="../../static/back.png" mode="aspectFill"></image>
					</view>
					<view
						:style="'height:'+ titleBarHeight +'px;line-height:'+ titleBarHeight + 'px;top:'+ statusBarHeight +'px;position:fixed;width:100vw;'"
						class="Index_tab_top">
						<view class="mine-txt">成为合伙人</view>
					</view>
				</view>
				<view :style="'width: 100vw;height:'+(titleBarHeight+titleBarHeight)+'px;'"></view>

			</view>

			<image src="https://imgs.ynz666.com/test/2023/08/08/YTA1OTc5YWYwYzJhMzI4ZGY3YTMzY2JlMDMxZDFiMjM=.png"
				mode="widthFix" class="bg-image "></image>
		</view>

		<view class="par_con">

			<view class="con_top">
				<text>与家人共享丰富资源，实现企业、实体门店孵化(餐饮、教培、美业等)，领取创业系统，同频共创，合作共赢共创美好事业。</text>
			</view>


			<view class="con_bot">
				<view class="bot_title"></view>
				<view class="bot_box">
					<view class="box_top">
						<view :class="navIndex==index?'item item_active':'item'" v-for="(item,index) in categorys"
							:key="index" @click="navClick(index)">{{item.name}}</view>
					</view>
					<view class="box_bottom" v-if="navIndex==0">

						<view class="main1">
							<view class="view1">
								总收益（不含售卡及拓销氪）
							</view>
							<view class="view2">
								2900+145000+1598700+1314000+36000+9000=3105600元
							</view>
						</view>
						<view class="main2">
							<image src="../../static/partner/i1.png" mode="scaleToFill" class="left"></image>
							<view class="right">
								<view class="view1">
									创业资金：
								</view>
								<view class="view2">
									1000元
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i2.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									赠卡收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										例如：
									</view>
									<view class="item_right">
										赠送100张会员卡
									</view>
								</view>
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										100张x39元=3900元
									</view>
								</view>
							</view>
						</view>

						<view class="main4">
							<view class="main4_top">
								<image src="../../static/partner/i3.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									拓店收益
								</view>
							</view>
							<view class="main4_bottom">
								<!-- <view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">免单</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">50张会员卡x100家x29元 =145000元</view>
									</view>
								</view> -->
								<view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">团购</view>
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">
											<view>1年每天2家，2家x365天=730家</view>
											<view>1个商家x100元（团购流水）x20%佣金利润x30%提成=6元/单</view>
											</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">730家x6元x365天=1598700元</view>
									</view>
								</view>
								<view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">折扣</view>
									</view>
									<view class="item_t3">
										「商户端」
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">商户每月平台总流水=10000元，商户总数=730家</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">
											<view>每月每家收益：10000元x5%x30%=150元</view>
											<view>每月收益：730家x150元 =109500元</view>
											<view>折扣每年收益：109500元x12个月=1314000元</view>
										</view>
									</view>
									<view class="item_t3">
										「会员端」
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">
											<view>100人，每人每月消费500元</view>
											<view>每月收益：100人x500元x5%x30%=750元</view>
                    </view>   
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">会员折扣每年收益：12月x750元=9000元</view>
									</view>
								</view>
							</view>
						</view>


						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i4.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									推广收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										假设：
									</view>
									<view class="item_right">
										100人，每人每月消费500元
									</view>
								</view>
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										<view>每月收益：100人x500元x20%佣金利润x30%=3000元</view>
										<view>推广每年收益：12个月x3000元=36000元</view>
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i5.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									售卡收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										获得售卡金额的60%
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i6.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									拓销氪收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										每拓展一个销氪收益300元
									</view>
								</view>
							</view>
						</view>

					</view>
					
					<!-- 服务商 -->
					<view class="box_bottom" v-if="navIndex==1">
					
						<view class="main1">
							<view class="view1">
								总收益（不含售卡及培养销氪）
							</view>
							<view class="view2">
								29000+1598700+1314000+90000+360000+5923200=9314900元
							</view>
						</view>
						<view class="main2">
							<image src="../../static/partner/i1.png" mode="scaleToFill" class="left"></image>
							<view class="right">
								<view class="view1">
									创业资金：
								</view>
								<view class="view2">
									10000元
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i2.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									赠卡收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										例如：
									</view>
									<view class="item_right">
										赠送1000张会员卡
									</view>
								</view>
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										1000张x39元=39000元
									</view>
								</view>
							</view>
						</view>
					
						<view class="main4">
							<view class="main4_top">
								<image src="../../static/partner/i3.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									拓店收益
								</view>
							</view>
							<view class="main4_bottom">
							<!-- 	<view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">免单</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">50张会员卡x100家x29元 =145000元</view>
									</view>
								</view> -->
								<view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">团购</view>
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">
											<view>1年每天2家，2家x365天=730家</view>
											<view>1个商家x100元（团购流水）x20%佣金利润x30%提成=6元/单</view>
											</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">730家x6元x365天=1598700元</view>
									</view>
								</view>
								<view class="item">
									<view class="item_t1">
										<view class="view1"></view>
										<view class="view2">折扣</view>
									</view>
									<view class="item_t3">
										「商户端」
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">商户每月平台总流水=10000元，商户总数=730家</view>
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">
											<view>每月每家收益：10000元x5%x30%=150元</view>
											<view>每月收益：730家x150元 =109500元</view>
											<view>折扣每年收益：109500元x12个月=1314000元</view>
										</view>
									</view>
									<view class="item_t3">
										「会员端」
									</view>
									<view class="item_t2">
										<view class="view1">假设：</view>
										<view class="view2">
											<view>1000人，每人每月消费500元</view>
											<view> 每月收益：1000人x500元x5%x30%=7500元</view>
					          </view>   
									</view>
									<view class="item_t2">
										<view class="view1">收益：</view>
										<view class="view2">会员折扣每年收益：12月x7500元=90000元</view>
									</view>
								</view>
							</view>
						</view>
					
					
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i4.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									推广收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										假设：
									</view>
									<view class="item_right">
										1000人，每人每月消费500元
									</view>
								</view>
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										<view>每月收益：1000人x500元x20%佣金利润x30%=30000元</view>
										<view>推广每年收益：12个月x30000元=360000元</view>
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i7.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									旗下销氪佣金收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										假设：
									</view>
									<view class="item_right">
										旗下有20个销氪，收取旗下销氪收益的10%
									</view>
								</view>
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										每年收益：2961600元x10%x20个=5923200元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i5.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									售卡收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										获得售卡金额的70%
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i6.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									拓销氪收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										培养销氪10%+500元+伞下销氪拓200元
									</view>
								</view>
							</view>
						</view>
					
					</view>
					
					
					<!-- 代理商 -->
					<view class="box_bottom" v-if="navIndex==2">
					
						<view class="main1">
							<view class="view1">
								达标后整体利润收益80%：
							</view>
							<view class="view2">
								2900000+24000000+12600000+150000+6000000+12000000+490000=58140000元
							</view>
						</view>
						<view class="main2">
							<image src="../../static/partner/i1.png" mode="scaleToFill" class="left"></image>
							<view class="right">
								<view class="view1">
									创业资金：
								</view>
								<view class="view2">
									5w-100w
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i2.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									售卡收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										获得售卡金额的60%
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i8.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									团购收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										100000人x100元x20%x12个月=24000000元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i9.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									商家提现收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										2100家x10000元/月x5%x12个月=12600000元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i10.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									招商收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										F：服务商   X：销氪     10000xF+1000xX
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i3.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									商城收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										商品差价
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i11.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									外卖收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										按单
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i12.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									广告收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										商家端：50000元/年+消费端：100000元/年=150000元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i13.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									红包收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										会员x每人每月消费100元x红包抵扣利润5%
										(拟定根据不同商家抵扣备份比不同) x12个月=6000000元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i7.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									个人提现收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										100000会员x每人每月提现100元x10%x12个
										=12000000元
									</view>
								</view>
							</view>
						</view>
						<view class="main3">
							<view class="main3_top">
								<image src="../../static/partner/i14.png" mode="scaleToFill" class="left"></image>
								<view class="name">
									拟定次年入驻收益
								</view>
							</view>
							<view class="main3_bottom">
								<view class="item">
									<view class="item_left">
										收益：
									</view>
									<view class="item_right">
										980/年x500家=490000元
									</view>
								</view>
							</view>
						</view>
						
					
					</view>
					
				</view>
			</view>
			
			
			
			<view class="foot"  @click="JumpPlatform">
				即刻成为合伙人
			</view>
			


		</view>






	</view>
</template>

<script>
	var app = getApp();
	import customTabbar from '../../components/custom-tabbar/custom-tabbar.vue';
	import HbNumberBox from '../../components/hb-number-box/hb-number-box.vue';
	// import http from '@/utils/request/http.js';
	import {
		getWalletDetail,
		getWalletLog,
		GetGoodsList,
		getIUserDiscount
	} from '../../apis/index.js';
	import env from '@/env/index.js';
	import painter from '@/wxcomponents/painter/painter';
	export default {

		components: {
			customTabbar,
			painter,
			HbNumberBox
		},
		data() {
			return {
				statusBarHeight: 0,
				titleBarHeight: 0,
				bottomTabbar: 0,
				menuButtonInfo: {},
				navIndex: 0,
				categorys: [{
						name: '销氪',
					},
					{
						name: '服务商'
					},
					{
						name: '代理商'
					}
				],
			};
		},

		onLoad(options) {},
		onReady() {
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			this.titleBarHeight = (uni.getMenuButtonBoundingClientRect().top - this.statusBarHeight) * 2 + uni
				.getMenuButtonBoundingClientRect().height;
			this.bottomTabbar = uni.getStorageSync('bottomTabbar');
			this.menuButtonInfo = uni.getMenuButtonBoundingClientRect();
		},
		onShow() {
			this.bottomTabbar = uni.getStorageSync('bottomTabbar');
		},
		onShareAppMessage(res) {

		},
		onReachBottom() {},
		computed: {

		},
		methods: {
			navClick(index) {
				this.navIndex = index
			},
			openPage(pageBig, page) {
				uni.navigateTo({
					url: `/${pageBig}/${page}/${page}`
				})
			},
			JumpPlatform(){
				uni.navigateToMiniProgram({
				  appId: 'wxa65f76072cc37479',
				  path: 'pages/index/index?xiuxian=1',
				  extraData: {
				    'data1': 'test'
				  },
				  success(res) {
				    // 打开成功
				  }
				})
			
			},
			// 返回按钮
			tapToBack(page) {
				// console.log(1)
				switch (page) {
					case 'index':
						uni.switchTab({
							url: '../index/index'
						})
						break;
					case 'back':
						// console.log(2)
						uni.navigateBack({
							delta: 1,
							fail() {
								uni.switchTab({
									url: '../index/index'
								})
							}
						})
						break;
				}
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f4f4f4;
	}

	.container {}

	.left-button-box {
		// width: 160rpx;
		// background-color: rgba(255, 255, 255, 0.5);
		// border-radius: 40rpx;
		display: flex;
		// justify-content: center;
		align-items: center;
		// margin-left: 30rpx;
		// border: 1rpx solid rgba(224, 224, 224, 0.6);
		position: absolute;
		left: 30rpx;
		z-index: 7;

		.line {
			height: 30rpx;
			background: #CCCCCC;
			width: 1rpx;
		}

		image {
			width: 30rpx;
			height: 30rpx;
			margin: 0 20rpx;
		}
	}

	.top-nav {
		// background: linear-gradient(180deg, #F77539 0%,rgba(0,0,0,0) 100%);
		position: relative;
		z-index: 5;
		// image {
		// 	width: 100%;
		// 	height: 100%;
		// 	// position: absolute;top: 0;left: 0;
		// 	z-index: -1;
		// }
		// .img{
		// 	width: 188rpx;
		// 	height: 36rpx;
		// }
	}


	/* 背景 */
	.bg-view {
		width: 100vw;
		height: 620rpx;

		.bg_box {
			height: 620rpx;
			// background: linear-gradient(180deg, #F77539 0%, #FEFDFB 100%);
		}

		.bg-image {
			z-index: -1;
			display: block;
			width: 100%;
			height: 620rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
	}

	.status_nav {
		width: 100vw;
	}

	.Index_tab_top {
		font-size: 38rpx;
		font-weight: 500;
		color: #141414;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 5;

		.scan-box {
			margin-left: 30rpx;
			width: 160rpx;
			height: 58rpx;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 28rpx;
			border: 1rpx solid #FA6400;
			font-size: 24rpx;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 58rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			image {
				width: 28rpx;
				height: 28rpx;
				margin-right: 4rpx;
			}
		}

		.mine-txt {
			color: #fff;
			font-size: 32rpx;
		}
	}

	.share-mission {
		background-color: #fff;
		padding: 20rpx 20rpx 115rpx 20rpx;
	}

	.share-mission-title {
		margin: 20rpx 0;
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;

		view:nth-child(2) {
			font-size: 24rpx;
			color: #999999;
			margin-top: 8rpx;
		}
	}

	.share-mission-list {
		padding: 20rpx 0;
	}

	.share-mission-item {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.mission-left {
			display: flex;
			align-items: center;
		}

		.share-no {
			width: 46rpx;
			height: 46rpx;
			line-height: 46rpx;
			border-radius: 50%;
			background: #FF4D4F;
			font-size: 24rpx;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
			margin-right: 20rpx;
		}

		.share-content {
			view:nth-child(1) {
				font-size: 28rpx;
				font-weight: bold;
				color: #333333;
				line-height: 40rpx;
				margin-bottom: 4rpx;
			}

			view:nth-child(2) {
				font-size: 22rpx;
				color: #666666;
				line-height: 30rpx;
			}
		}

		.share-btn {
			width: 100rpx;
			height: 48rpx;
			line-height: 48rpx;
			border-radius: 24rpx;
			border: 1rpx solid #FF4D4F;
			font-size: 22rpx;
			font-weight: bold;
			color: #FF4D4F;
			text-align: center;
		}

		.button-re {
			position: relative;

			button {
				width: 100rpx;
				height: 48rpx;
				border-radius: 24rpx;
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
				border: 1rpx solid red;
			}
		}
	}

	.share-progress {
		width: 1rpx;
		height: 50rpx;
		background-color: #efefef;
		margin-left: 24rpx;
	}

	// banner广告
	.index-banner {
		width: 710rpx;
		height: 180rpx;
		margin: 0 auto;
		margin-top: -85rpx;
		border-radius: 12rpx;
		position: relative;

		swiper,
		swiper-item {
			width: 710rpx;
			height: 180rpx;
		}

		image {
			width: 710rpx;
			height: 180rpx;
			display: block;
			border-radius: 12rpx;
		}
	}


	// 数据中心
	.date-center {
		margin: 30rpx 0 56rpx 0;
		padding: 0 20rpx;
	}

	.date-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 20rpx;
	}

	.date-box {
		background: #FFFFFF;
		border-radius: 12rpx;
		padding: 48rpx;
	}

	.date_topBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.view1 {
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
		}

		.view2 {
			font-size: 36rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #F43B00;
			margin: 8rpx 0;
		}

		.view3 {
			min-width: 116rpx;
			height: 40rpx;
			background: #F4F4F4;
			border-radius: 20rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			padding: 0 32rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.date_botBox {
		margin-top: 40rpx;
		display: flex;
		justify-content: space-between;
		text-align: center;
	}

	.date-item {

		view:nth-child(1),
		view:nth-child(3) {
			font-size: 24rpx;
			color: #868A93;
		}

		view:nth-child(2) {
			font-size: 44rpx;
			font-weight: bold;
			color: #141414;
			line-height: 62rpx;
		}

		view:nth-child(3) {
			color: #8C8C8C;
		}
	}

	.kefu {
		font-size: 24rpx;
		color: #999999;
		text-align: center;
		text-decoration: underline;
		padding-bottom: 100rpx;
	}

	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.85);
		z-index: 10000;

		.poster {
			width: 650rpx;
			position: absolute;
			top: 50%;
			transform: translateY(-65%);
			left: 50%;
			margin-left: -325rpx;
		}

		.down-box {
			position: fixed;
			width: 100vw;
			bottom: 0;
			left: 0;
			background-color: #fff;
			border-radius: 44rpx 44rpx 0 0;
			padding: 60rpx 0;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			font-size: 24rpx;
			color: #333333;

			image {
				margin-bottom: 8rpx;
				width: 58rpx;
				height: 58rpx;
				border-radius: 50%;
			}
		}
	}


	.par_con {
		width: 100%;
		// height: 3528rpx;
		padding-bottom: 300rpx;
		background: #F95335;

		.con_top {
			margin: 0 20rpx;
			height: 102rpx;
			background: #FFD664;
			border-radius: 24rpx;
			border-bottom: 4rpx solid rgba(23, 46, 116, 1);
			border-right: 4rpx solid rgba(23, 46, 116, 1);
			display: flex;
			align-items: center;
			justify-content: center;

			text {
				padding: 0 24rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #17286E;
			}
		}

		.con_bot {
			margin: 44rpx 20rpx 0;
			// height: 2520rpx;
			background: #FEA474;
			border-radius: 30rpx;

			// border: 1rpx solid #FFFFFF;
			padding-bottom: 30rpx;
			.bot_title {
				height: 40rpx;
			}

			.bot_box {
				margin: 0 24rpx 0;
				// height: 2356rpx;
				padding-bottom: 30rpx;
				background: rgba(255, 255, 255, 0.8);
				border-radius: 30rpx;

				.box_top {
					display: flex;
					align-items: baseline;
					height: 96rpx;

					.item {
						flex: 1;
						font-size: 26rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						display: flex;
						align-items: center;
						justify-content: center;
						height: 100%;
						color: rgba(248, 248, 248, 1);
						background: linear-gradient(180deg, #F95335 0%, #ED3210 100%);
					}

					.item_active {
						font-size: 26rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: bold;
						color: rgba(243, 66, 35, 1);
						background: none;
					}
					.item:nth-child(1){
						border-radius: 30rpx 0 0 0;
					}
					.item:nth-child(3){
						border-radius: 0 30rpx 0 0;
					}
				}

				.box_bottom {
					margin: 52rpx 34rpx 0;

					.main1 {
						padding: 24rpx 10rpx;
						height: 130rpx;
						background: rgba(249, 83, 53, 0.05);
						border-radius: 20rpx;

						.view1 {
							font-size: 22rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #2C05AE;
						}

						.view2 {
							font-size: 26rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #F44525;
							word-break: break-word;
							padding-top: 8rpx;
						}
					}

					.main2 {
						width: 100%;
						display: flex;
						align-items: center;
						margin-top: 40rpx;
						border-bottom: 1rpx dashed #FEA474;
						padding-bottom: 30rpx;

						.left {
							width: 56rpx;
							height: 56rpx;
						}

						.right {
							display: flex;
							align-items: center;
							padding-left: 16rpx;

							.view1 {
								font-size: 26rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #2C05AE;
							}

							.view2 {
								font-size: 26rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: rgba(249, 83, 53, 1);
								padding-left: 8rpx;
							}
						}
					}

					.main3 {
						border-bottom: 1rpx dashed #FEA474;
						padding-bottom: 30rpx;
						padding-top: 30rpx;

						.main3_top {
							display: flex;
							align-items: center;

							.left {
								width: 56rpx;
								height: 56rpx;
							}

							.name {
								font-size: 26rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #2C05AE;
								padding-left: 17rpx;
							}
						}

						.main3_bottom {
							.item {
								display: flex;
								align-items: baseline;
								margin-top: 21rpx;

								.item_left {
									font-size: 26rpx;
									font-family: PingFangSC-Medium, PingFang SC;
									font-weight: bold;
									color: #F95335;
								}

								.item_right {
									font-size: 26rpx;
									// font-family: PingFangSC-Medium, PingFang SC;
									// font-weight: 500;
									color: rgba(51, 51, 51, 1);
									flex: 1;
								}
							}
						}
					}

					.main4 {
						border-bottom: 1rpx dashed #FEA474;
						padding-bottom: 30rpx;
						padding-top: 30rpx;

						.main4_top {
							display: flex;
							align-items: center;

							.left {
								width: 56rpx;
								height: 56rpx;
							}

							.name {
								font-size: 26rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #2C05AE;
								padding-left: 17rpx;
							}
						}

						.main4_bottom {
							padding-top: 20rpx;

							.item {
								margin-bottom: 40rpx;

								.item_t1 {
									display: flex;
									align-items: center;

									.view1 {
										width: 14rpx;
										height: 14rpx;
										background: #F44525;
										border-radius: 50%;
										border-bottom: 2rpx solid rgba(44, 5, 174, 1);
										border-right: 2rpx solid rgba(44, 5, 174, 1);
									}

									.view2 {
										font-size: 28rpx;
										font-family: PingFangSC-Medium, PingFang SC;
										font-weight: bold;
										color: #162E76;
										padding-left: 16rpx;
										line-height: 40rpx;
									}
								}

								.item_t2 {
									display: flex;
									align-items: baseline;
									padding-top: 23rpx;

									.view1 {
										font-size: 26rpx;
										font-family: PingFangSC-Medium, PingFang SC;
										font-weight: bold;
										color: rgba(249, 83, 53, 1);
									}

									.view2 {
										font-size: 24rpx;
										color: rgba(51, 51, 51, 1);
										flex: 1;
										line-height: 40rpx;
									}
								}

								.item_t3 {
									display: flex;
									justify-content: center;
									padding: 30rpx 0;
									font-size: 24rpx;
									font-family: PingFangSC-Medium, PingFang SC;
									font-weight: bold;
									color: #162E76;
								}
							}
						}
					}
				}
			}
		}
		
		.foot{
			width: 600rpx;
			height: 120rpx;
			background: linear-gradient(180deg, #FFBE2E 0%, #FF7B31 100%);
			border-radius: 60rpx;
			border: 1rpx solid #FFFDFD;
			font-size: 36rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #314491;
			display: flex;
			align-items: center;
			justify-content: center;
			position: fixed;
			bottom: 100rpx;
			left: 75rpx;
		}
	}
</style>
